"use client"

import { LockRecord } from "@/types/admin"
import { columns } from "./columns"
import { DataTable } from "@/components/common/data-table"
import { useAdminStore } from "@/lib/store"

export default function LockRecordsPage() {
  const { lockRecords } = useAdminStore()
  
  return (
    <div className="space-y-8">
      <div className="flex items-center justify-between">
        <div>
          <h2 className="text-2xl font-bold tracking-tight">开锁记录</h2>
          <p className="text-muted-foreground">
            查看系统中的所有开锁记录。
          </p>
        </div>
      </div>
      <DataTable 
        columns={columns} 
        data={lockRecords}
        searchPlaceholder="搜索开锁记录(支持锁名称、钥匙名称、任务等)"
      />
    </div>
  )
} 